<html>
    <head>
        <script type="text/javascript" src="<?php echo base_url();?>assets/js/jquery/js/jquery-1.6.2.min.js"></script>
        <script type="text/javascript" src="<?php echo base_url();?>assets/js/jquery/js/fadeslideshow.js"></script>
         <script type="text/javascript">
            var mygallery=new fadeSlideShow({
                    wrapperid: "main_right_img", //ID of blank DIV on page to house Slideshow
                    dimensions: [692, 257], //width/height of gallery in pixels. Should reflect dimensions of largest image
                    imagearray: [
                            ["<?php echo base_url();?>uploads/sitios/sitio1.jpg", "", "", "A nice day to get the skates out and go ice skating."],
                            ["http://i29.tinypic.com/xp3hns.jpg", "", "", "Every year tens of thousands of visitors visit the Coliseum in Rome."],
                            ["http://i30.tinypic.com/531q3n.jpg", "", "", "This is a rather depressing, yet stunning scene."],
                            ["http://i31.tinypic.com/119w28m.jpg", "", "", "Lets help ensure there will always be places like this for future generations."] //<--no trailing comma after very last image element!
                    ],
                    displaymode: {type:'auto', pause:3000, cycles:0, wraparound:false},
                    persist: false, //remember last viewed slide and recall within same session?
                    fadeduration: 500, //transition duration (milliseconds)
                    descreveal: "peekaboo",
                    togglerid: ""
            });
            
        </script>
    </head>
    <body>
        
                    <div class="main_right_img" id="main_right_img">
                        <!--<img src="../assets/css/uploads/sample_pic.png" />-->
                    </div>
    </body>
</html>